<template>
  <div class="browse">
    <div class="container-1200 container">
      <el-tabs v-model="cate_id">
        <el-tab-pane
          v-for="item in tabsList"
          :label="item.name"
          :name="item.id"
          :key="item.id"
        ></el-tab-pane>
      </el-tabs>
    </div>
    <HouseList type="browse" :isFilter="false" :user_id="_userInfo.id" :cate_id="cate_id" />
  </div>
</template>

<script>
import HouseList from '@/components/HouseList'
import { mapGetters } from 'vuex'

export default {
  components: {
    HouseList,
  },
  data() {
    return {
      tabsList: [
        { id: '1', name: '写字楼' },
        { id: '3', name: '厂房' },
        { id: '4', name: '共享办公' },
      ],
      cate_id: '1',
    }
  },
  computed: {
    ...mapGetters(['_userInfo']),
  },
  created() {},
  methods: {},
}
</script>

<style lang="less" scoped>
/deep/ .el-tabs__active-bar {
  background-color: #0a68a2;
}
/deep/ .el-tabs__item.is-active {
  color: #0a68a2;
}
/deep/ .el-tabs__item:hover {
  color: #0a68a2;
}
.container {
  padding: 24px 0;
}
</style>
